<template>
    <div>
        <div>

            <el-table :data="tableData" stripe style="width: 100%">
                <el-table-column prop="num" label="订单编号" width="180">
                </el-table-column>
                <el-table-column prop="name" label="商品名称" width="180">
                </el-table-column>
                <el-table-column prop="money" label="订单金额" width="180">
                </el-table-column>
                <el-table-column prop="paymoney" label="应付金额" width="180">
                </el-table-column>
            </el-table>
        </div>
        <p>应付总金额：{{ }}元</p>
        <p>以下支付平台都支持大多数银行卡：</p>
        <p> <el-radio v-model="radio" label="1"><img src="QQ图片20230316145857.png" alt=""></el-radio>
            <el-radio v-model="radio" label="2"><img src="QQ图片20230316145923.png" alt=""></el-radio>
        </p>
        <router-link to="/payment">
            <el-button style="background-color: red; color: white;">确认无误，支付</el-button>
        </router-link>
    </div>
</template>

<script>
import { RouterLink } from 'vue-router';
export default {
    name: "pay",
    data() {
        return {
            radio: "1",
            tableData: [{
                num: '',
                name: '',
                money: '',
                paymoney:''
            }]
        }
    },
    methods: {
        pay() {
            if (this.radio == 1) {

            } else {

            }
        }

    },
    components: {
        RouterLink
    }
}
</script>

<style scoped></style>

